// import React from 'react'
import React, { Component } from "react";

class Child extends Component{
    render(){
        return(
            <>
            <div>Child子组件</div>
            </>
        )
    }
}
class Navbar extends Component {
    render() {
        return (
            <>
            <div>Navbar</div>
            <Child></Child>
            </>

        )
    }
}

function Swiper() {
    return (
        <div>Swiper</div>
    )
}
const Tabbar = () => {
    return (
        <div>Tabbar</div>
    )
}
class App extends Component {
    render() {
        return (
            <div>
                组件的嵌套:
                <Navbar>
                    <div>12345</div>
                </Navbar>
                <Swiper></Swiper>
                <Tabbar></Tabbar>
            </div>
        )
    }
}
export default App